<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        padding: 0;
        margin: 0;
    }
    .box{
        border: 1px solid #000;
        border-radius: 0 10px 0 10px;
        margin: 0 auto;
        height: 155px;
        width: 850px;
        letter-spacing: 5px;
        /* background-color: aqua; */
    }
    /* .box div{
        
        display: flex; 
        align-items: end;
        background-color: antiquewhite;
    } */
</style>
<body>
    <script>
         let obj ={
            goodsname:'品牌：小米(MI)',
            name:'商品名称：小米10青春版',
            goodsnum:'100012816024',
            goodsWeiht:'0.55kg',
            goodsAddress:'江西'
        }
        obj.name ='小米10 plus'
        obj.color = '粉色'
        obj.goodsAddress = '中国大陆'

        document.write(`<div class = box>`)
        document.write(obj.goodsname+`<br>`)
        document.write('产品名：'+obj.name+'&nbsp')
        document.write('商品编号：'+obj.goodsnum+'&nbsp')
        document.write('商品毛重：'+obj.goodsWeiht+'&nbsp')
        document.write('商品产地：'+obj.goodsAddress+'&nbsp')
        document.write('颜色：'+obj.color)
        document.write(`</div>`)
    </script>
    <!-- <div class="box">
    span><p>品牌：小米（MI）</p>
      <p>商品名称：小米手环10青春版</p>
      <p>商品编号：100012816024</p>
      <p>商品毛重：0.55kg</p>
      <p>商品产地:中国大陆</p>
    </div> -->
</body>
</html>